<template>
    <div id="p_timeindex">
      <sticky scroll-box="vux_view_box_body" :offset="0">  
        <div style="width: 100%;overflow:scroll;-webkit-overflow-scrolling:touch;">
            <tab style="width:460px;" :line-width="1">
                <tab-item @on-item-click="$router.push('/m_index/index')" :selected="$route.path=='/m_index/index'">经典</tab-item>
                <tab-item @on-item-click="$router.push('/m_index/dictum')" :selected="$route.path=='/m_index/dictum'">名言</tab-item>
                <tab-item disabled>教程</tab-item>
                <tab-item disabled>习惯</tab-item>
                <tab-item disabled>失败</tab-item>
                <tab-item disabled>疑问</tab-item>
                <tab-item disabled>资料</tab-item>
                <tab-item disabled>聚会</tab-item>
            </tab>
        </div>
    </sticky>
        <!-- <div style="height:44px;"></div>  --> <!-- 配合上面div的置顶,div用来站位. -->
        <router-view ref="indexRouter" class="view" keep-alive></router-view>
    </div>
</template>
<script>

import {
    Tab,TabItem,Sticky
} from 'vux'
import {
    mapState,
    mapActions
} from 'vuex'

export default {
    components: {
        Tab,TabItem,Sticky
    },
    computed: {
        ...mapState({
        })
    },
    watch: {
        
    },
    created() {
        
    },
    mounted: function() {        

    },
    methods: {        
        
    },
    data() {
        return {
           
        }
    }
}

</script>
<style scoped>
.markdown{
    padding: 0 4px;
}

.weui-cell img {
    max-width: 100px;
    height: 44px;
    margin-right: 10px;
    width: auto;
}
</style>
<style>


</style>
